@import "../../variables.less";
@import "../themes.less";

//============================================





@body-bg                    : #dbdfe2;
@body-color					: #515151;






// NAVBAR & LOGO
//============================================
@navbar-bg                  : @state-active-bg;
@navbar-color               : #fff;
@brand-bg                   : transparent;
@brand-bg-overlay           : @mainnav-bg;
@brand-color                : @navbar-color;
@brand-color-overlay        : @brand-color;








// NAVIGATION
//============================================
@mainnav-bg                 : #3b4146;
@mainnav-color              : lighten(@mainnav-bg, 50%);
@mainnav-hover-color        : #fff;
@mainnav-active-bg          : transparent;
@mainnav-active-color       : #fff;
@mainnav-active-state       : @state-active-bg;












// ASIDE
//============================================
@aside-dark-bg              : lighten(@mainnav-bg,6%);
@aside-dark-color           : #fff;
@aside-bright-bg            : #fff;
@aside-bright-color         : #515151;










// FOOTER
//============================================
@footer-bg                  : multiply(@body-bg, #ddd);
@footer-color               : @body-color;








// COMPONENT
//============================================
@state-active-bg            : #2e3539;
@state-active-color         : #fff;


